import Fast from "@pages/fast";
import Department from "@pages/department";
const Illness = loadable(lazy(() => import("@pages/illness")));
import Patient from "@pages/patient";
import { lazy } from "react";
import loadable from "@shared/loadable";
import AuthRoute from "@router/authRoute";
const Home = loadable(lazy(() => import("@pages/home")));
const Login = loadable(lazy(() => import("@pages/login")));
const Personal = loadable(lazy(() => import("@pages/personal")));
const Layout = loadable(lazy(() => import("@shared/layout")));
const Notice = loadable(lazy(() => import("@pages/notice")));
const Article = loadable(lazy(() => import("@pages/article")));
const Patient = loadable(lazy(() => import("@pages/patient")));
const Fast = loadable(lazy(() => import("@pages/fast")));
const Department = loadable(lazy(() => import("@pages/department")));
const Consult = loadable(lazy(() => import("@pages/consult")));

export const router = createBrowserRouter([
  {
    path: "",
    element: <AuthRoute />,
    children: [
      {
        path: "fast",
        element: <Fast />,
      },
      {
        path: "department",
        element: <Department />,
      },
      {
        path: "illness",
        element: <Illness />,
      },
    ],
  }
])
        path: "patient",
        element: <Patient />,
        path: "consult/:id",
        element: <Consult />,
      },
    ],
  },
]);
